<html>
    <head>
        <title>uni.showModal(OBJECT)</title>
    </head>
    <body>
        <script>
               /*
                    五、uni.showModal(OBJECT)


                                1、概述

                                        显示模态弹窗，可以只有一个确定按钮，也可以同时有确定和取消按钮。类似于一个API整合了 html 中：alert、confirm。


                                2、平台差异说明

                                                元服务
                                                √

                                3、showModal 兼容性
                                                HarmonyOS
                                                HBuilderX 4.23

                                4、OBJECT参数说明

                                                                    参数	            类型	    必填	    说明	                                                    平台差异说明

                                                                ①、title	        String	        否	    提示的标题	

                                                                ②、content	        String	        否	    提示的内容	
                                                                
                                                                ③、showCancel	    Boolean	        否	    是否显示取消按钮，默认为 true	
                                                            
                                                                ④、cancelText	    String	        否	    取消按钮的文字，默认为"取消"	
                                                                
                                                                ⑤、cancelColor	    HexColor	    否	    取消按钮的文字颜色，默认为"#000000"             	           H5、微信小程序、百度小程序、抖音小程序（2.62.0+）、支付宝小程序、小红书小程序
                                                            
                                                                ⑥、confirmText	    String	        否	    确定按钮的文字，默认为"确定"	
                                                                
                                                                ⑦、confirmColor 	HexColor	    否	    确定按钮的文字颜色，H5平台默认为"#007aff"，
                                                                                                            微信小程序平台默认为"#576B95"，百度小程序平台默认为"#3c76ff"	H5、微信小程序、百度小程序、抖音小程序（2.62.0+）、支付宝小程序、小红书小程序

                                                                ⑧、editable	        Boolean	        否	    是否显示输入框	                                              H5 (3.2.10+)、App (3.2.10+)、微信小程序 (2.17.1+)、抖音小程序（2.62.0+）、小红书小程序
                                                                
                                                                ⑨、placeholderText	String	        否	    显示输入框时的提示文本	                                       H5 (3.2.10+)、App (3.2.10+)、微信小程序 (2.17.1+)、抖音小程序（2.62.0+）、小红书小程序
                                                                
                                                                ⑩、success	        Function	    否	    接口调用成功的回调函数	
                                                            
                                                                ⑪、fail	            Function	    否	    接口调用失败的回调函数	
                                                            
                                                                ⑫、complete	        Function	    否  	接口调用结束的回调函数（调用成功、失败都会执行）

                                                        ★、success返回参数说明

                                                                    参数	    类型	    说明	                                                    平台差异说明

                                                                ①、confirm	  Boolean	为 true 时，表示用户点击了确定按钮	

                                                                ②、cancel	  Boolean	为 true 时，表示用户点击了取消
                                                                                        （用于 Android 系统区分点击蒙层关闭还是点击取消按钮关闭）	

                                                                ③、content	  String	editable 为 true 时，用户输入的文本	                            H5 (3.2.10+)、App (3.2.10+)、微信小程序 (2.17.1+)、抖音小程序（2.62.0+）



                                5、示例

                                            uni.showModal({
                                                title: '提示',
                                                content: '这是一个模态弹窗',
                                                success: function (res) {
                                                    if (res.confirm) {
                                                        console.log('用户点击确定');
                                                    } else if (res.cancel) {
                                                        console.log('用户点击取消');
                                                    }
                                                }
                                            });


                                6、注意：

                                         ①、   弹框同时使用确定取消时，需注意不同平台的确认取消按钮位置不同。在微信、H5中，确认按钮默认在右边。
                                         
                                                在App中，iOS的确认按钮默认在右边，而Android默认在左边。
                                                
                                                产生这种差异的原因是uni.showModal在App和小程序上调用的是原生提供的弹出框，原生平台的策略本身就不同。
                                                
                                                如果需要调整，可以通过自行控制按钮的文字，即“确定”按钮的文字其实可以设置为“取消”；

                                        ②、   showModal不满足需求时，可以自行开发组件弹框。插件市场有很多自定义弹框的组件，需注意在非H5平台，前端组件无法覆盖原生组件（如地图、video），遮罩也无法盖住tabbar和navigationbar。
                                        
                                                如需覆盖原生组件或遮罩tabbar等，App端推荐使用subNvue；

                                        ③、   小程序平台，cancelText和confirmText有长度限制，最多允许 4 个字符；

                                        ④、   钉钉小程序真机与模拟器表现有差异，真机title，content均为必填项

                                        ⑤、   各家小程序平台对于 confirm、cancel 字段返回规则可能不尽相同，
                                        
                                                包含两种情况：{ confirm: true, cancel: false } 或 { confirm: true }，但并不影响使用 if 去做判断

                                        ⑥、    钉钉小程序本身不支持设置 cancelColor/confirmColor 属性

                */
        </script>
    </body>
</html>